<!DOCTYPE html>
<html>
<#include "../../include/PC_Header.html">
<body>
	<#assign nid="my_invest"> 
	<#assign flag="myInvest"> 
	<#include "../../include/header.html">
	<!--header-end-->
	<!--用户中心的主栏目 开始-->
	<div class="qd_aboutus-top"><h3>您的位置：<a href="/">首页</a>&gt;<a>我的投资</a>&gt;<a href="/member/invest/myInvest.html">我的投资</a></h3></div>
	<div class="pb30 pt20">
	<#include "../../include/member_header.html">
	<div id="container" class="clearfix">
		<div class="usermain clearfix">
			<!--左边的导航 开始-->
			<div class="user_left"> 
			<#assign mid="m_invest">
				<#if isImp == 0>
					<#include "../trade_menu.html">
						<#else>
							<#include "../trade_menu_isImp.html">
				</#if>
				</div>
			<!--左边的导航 结束-->

			<!--右边的内容 开始-->
			<div class="user_right myInvestList tab_change my_preferences">
				<h2 class="user_title bb10f4f4f4 user_title01" >投资项目</h2>
				
				<ul class="title_list">
					<li class="hover"><h2 class="list_btn invest_project">投资项目</h2></li>
					<li><h2 class="list_btn invest_record">投资记录</h2></li>
					<li><h2 class="list_btn oncall_plan">待收计划</h2></li>
				</ul>
				
				<!-- S 投资项目 -->
				<div class="list_div" id="investProjectDiv">
					<table class="table_content mt10">
						<thead>
							<tr>
								<th class="bidName">项目名称</th>
								<th>投标进度</th>
								<th>总投资金额</th>
								<th>已收款</th>
								<th>待收款</th>
								<th>查看</th>
								<th>合同</th>
							</tr>
						</thead>
						<tbody id="member_table"></tbody>
					</table>
					<div id="kkpagerInvestProject" class="kkpager"></div>
				</div>
				<!-- E 投资项目 -->
				<!-- S 投资记录 -->
				<div class="list_div" id="investRecordDiv" style="display:none;">
					<ul class="member_search">
						<li id="shortTime">
							日期范围
							<span id="timeStatus">
								<a href="javascript:;" class="current" data-val="-1">全部</a>
								<a href="javascript:;" data-val="7">最近7天</a>
								<a href="javascript:;" data-val="1">1个月</a>
								<a href="javascript:;" data-val="2">2个月</a>
								<a href="javascript:;" data-val="3">3个月</a>
								<em>具体日期&gt;&gt;</em>	
							</span>	
						</li>
						<li id="fullTime" style="display:none;">
							起止日期
							<input type="text" class="dateInput" name="startTime" id="startTime" value="${startTime?default('')}"/> - 
							<input type="text" class="dateInput" name="endTime" id="endTime" value="${endTime?default('')}"/>
							<input id="searchBtn" value="搜索" type="button" class="searchBtn">
							<em>&lt;&lt;日期范围</em>	
						</li>
						<li id="status">
							投资状态
							<a href="javascript:;" data-val="0" class="current">全部</a>
							<a href="javascript:;" data-val="1">投标中</a>
							<a href="javascript:;" data-val="2">投资中</a>
							<a href="javascript:;" data-val="8">已收款</a>
						</li>
					</ul>
					<table class="table_content">
						<thead>
							<tr>
								<th class="bidName">项目名称</th>
								<th>年化收益</th>
								<th>投资金额</th>
								<th>计息起始日</th>
								<th>到期日</th>
								<th>已收收益</th>
								<th>待收收益</th>
								<th>加息幅度</th>
								<th>加息奖励</th>
							</tr>
						</thead>
						<tbody id="member_table"></tbody>
					</table>
					<div id="kkpagerInvestRecord" class="kkpager"></div>
				</div>
				<!-- E 投资记录 -->
				
				<!-- S 收款计划 -->
				<div class="list_div" id="oncallPlanDiv" style="display:none;">
					<ul class="member_search">
						<li id="shortTime">
							日期范围
							<span id="timeStatus">
								<a href="javascript:;" class="current" data-val="-1">全部</a>
								<a href="javascript:;" data-val="7">最近7天</a>
								<a href="javascript:;" data-val="1">1个月</a>
								<a href="javascript:;" data-val="2">2个月</a>
								<a href="javascript:;" data-val="3">3个月</a>
								<em>具体日期&gt;&gt;</em>	
							</span>	
						</li>
						<li id="fullTime" style="display:none;">
							起止日期
							<input type="text" class="dateInput" name="startTime" id="startTime1" value="${startTime?default('')}"/> - 
							<input type="text" class="dateInput" name="endTime" id="endTime1" value="${endTime?default('')}"/>
							<input id="searchBtn" value="搜索" type="button" class="searchBtn">
							<em>&lt;&lt;日期范围</em>	
						</li>
						<li id="status">
							收款状态
							<a href="javascript:;" data-val="0" class="current">全部</a>
							<a href="javascript:;" data-val="-1" class="investment">待收款</a>
							<a href="javascript:;" data-val="1" class="settled">已收款</a>
						</li>
					</ul>
					<table class="table_content">
						<thead>
							<tr>
								<th class="bidName">项目名称</th>
								<th>年化收益</th>
								<th>投资金额</th>
								<th>计息起始时间</th>
								<th>预计待收时间</th>
								<th>预计待收本金</th>
								<th>预计赚取收益</th>
								<th>期数</th>
							</tr>
						</thead>
						<tbody id="member_table"></tbody>
					</table>
					<div id="kkpagerOncallPlan" class="kkpager"></div>
				</div>
				<!-- E 收款计划 -->
			</div>
		</div>
		<!--右边的内容 结束-->
	</div>
	</div>
	<!--用户中心的主栏目 结束-->
	<#include "../../include/PC_Footer_Additional_JS.html">
	<script>
	seajs.use('member/myInvest');
	seajs.use('member/investRecord');
	seajs.use('member/invest_repayPlan');
	</script>
	<script src="/plugins/laydate-v1.1/laydate.js"></script>
	<script src="/themes/theme_default/media/js/date.js"></script>
	<#include "../../include/footer.html">
</body>
</html>
